<template>
    <div class="forexcrt-row">
        <div class="forexcrt-row-name">{{forexList[index]}}</div>
        <div class="forexcrt-row-name" v-for="(forex, index) in forexList">
            <item 
                :index="index" 
                :name="forex" 
                :content="forexsData[rowKey+forex]" 
                :level="forexsData[rowKey+forex]"></item>
        </div>
    </div>
</template>

<script>
import item from './Item';
export default {
    props: ['forexList', 'index', 'forexsData'],
    name: 'Row',
    data() {
        return {
            rowKey:''
        }
    },
    created() {
        this.rowKey = this.forexList[this.index];
    },
    components: {
        item
    }
}
</script>
<style >
.forexcrt-row-name{
    display: inline-block;
}
</style>